.el-table {
  background-color: #fff;
  color: var(--color-font-first);
  thead {
    color: var(--color-font-third);
  }
  td.el-table__cell {
    border-bottom: 1px solid var(--color-border-second);
  }
  th.el-table__cell.is-leaf {
    border-bottom: 1px solid var(--color-border-second);
  }
  th.el-table__cell {
    background-color: #eaeefe;
    > .cell.highlight {
      color: var(--color-primary);
    }
  }
  .cell.el-tooltip {
    white-space: nowrap;
    min-width: 50px;
  }
  &::before {
    background-color: var(--color-border-second);
  }
  .el-table__header-wrapper {
    th {
      color: var(--color-font-first);
    }
  }
  .el-table__fixed-header-wrapper {
    th {
      color: var(--color-font-first);
    }
  }
  .ascending {
    .sort-caret.ascending {
      border-bottom-color: var(--color-primary);
    }
  }
  .descending {
    .sort-caret.descending {
      border-top-color: var(--color-primary);
    }
  }
}
.el-table__expand-icon {
  font-size: 14px;
  font-weight: bold;
}
.el-table__empty-text {
  &::before {
    color: #8599c0;
    margin-right: 8px;
  }
}
.el-table--medium {
  .el-table__cell {
    padding: 6px 0;
  }
}
.el-table--border {
  border-right: none !important;
  border-bottom: none !important;
  border: 1px solid var(--color-border-second);
  &::after {
    background-color: var(--color-border-second);
  }
  .el-table__cell {
    border-right: 1px solid var(--color-border-second);
    &:first-child {
      .cell {
        padding-left: 15px;
      }
    }
  }
  th.el-table__cell.gutter {
    &:last-of-type {
      border-bottom: 1px solid var(--color-border-second);
    }
  }
  th.el-table__cell {
    border-bottom: 1px solid var(--color-border-second);
  }
}
.el-table--group {
  border: 1px solid var(--color-border-second);
  &::after {
    background-color: var(--color-border-second);
  }
}
.el-table__fixed-right {
  &::before {
    background-color: var(--color-border-second);
  }
}
.el-table__fixed {
  &::before {
    background-color: var(--color-border-second);
  }
}
.el-table__fixed-right-patch {
  border-bottom: 1px solid var(--color-border-second);
  background-color: #eaeefe;
}
.el-table__fixed-footer-wrapper {
  tbody {
    td.el-table__cell {
      border-top: 1px solid var(--color-border-second);
      color: var(--color-font-second);
    }
  }
}
.el-table__footer-wrapper {
  td.el-table__cell {
    border-top: 1px solid var(--color-border-second);
  }
  tbody {
    td.el-table__cell {
      color: var(--color-font-first);
    }
  }
}
.el-table__header-wrapper {
  tbody {
    td.el-table__cell {
      color: var(--color-font-first);
    }
  }
}
.el-table__body-wrapper {
  .el-table--border.is-scrolling-right {
    ~ {
      .el-table__fixed-right {
        border-left: 1px solid var(--color-border-second);
      }
    }
  }
  .el-table--border.is-scrolling-left {
    ~ {
      .el-table__fixed {
        border-right: 1px solid var(--color-border-second);
      }
    }
  }
}
.el-table--striped {
  .el-table__body {
    tr.el-table__row--striped.current-row {
      td.el-table__cell {
        background-color: #eaefff;
      }
    }
  }
}
.el-table__body {
  tr.current-row {
    > td.el-table__cell {
      background-color: #eaefff;
    }
  }
}
.el-table__column-resize-proxy {
  border-left: 1px solid var(--color-border-second);
}
.el-table__column-filter-trigger {
  i {
    color: var(--color-font-third);
  }
}
.el-table--enable-row-hover {
  .el-table__body {
    tr {
      &:hover {
        > td.el-table__cell {
          background-color: #eaeefe;
        }
      }
    }
  }
}
.el-table-filter {
  border: solid 1px var(--color-border-second);
}
.el-table-filter__list-item {
  &:hover {
    background-color: #eaefff;
    color: var(--color-primary-hover);
  }
}
.el-table-filter__list-item.is-active {
  background-color: var(--color-primary);
  color: #fff;
}
.el-table-filter__bottom {
  border-top: 1px solid var(--color-border-second);
  button {
    color: var(--color-font-second);
    &:hover {
      color: var(--color-primary);
    }
  }
}
